import { ScrollView, View } from '@tarojs/components';
import UserAvatar from './UserAvatar';

export default () => {
  return (
    <ScrollView
      onTouchMove={e => e.stopPropagation()}
      scrollX
      className="overflow-x-auto whitespace-nowrap bg-white rounded"
    >
      <View className="flex gap-6 box-border p-4">
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
        <UserAvatar />
      </View>
    </ScrollView>
  );
};
